﻿<!doctype html>
<html>
<head>
    <script src="Scripts/jquery-1.7.2.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {

            $('#cmdConnect').click(function () {
                var url = 'ws://172.20.10.2/WebSocketPlayGround/ws2.ashx';
                //var url = 'ws://localhost/WebSocketPlayGround/ws2.ashx';
                ws = new WebSocket(url);

                ws.onopen = function () {
                    document.getElementById("cmdConnect").disabled = true;
                    $('#chatMessages').prepend('انت الان متصل .. بارك الله فيك <br/>');

                    $('#cmdSend').click(function () {
                        $('#chatMessages').prepend('انت تقول: <br/>');
                        $('#chatMessages').prepend('<br/>');
                        $('#chatMessages').prepend($('#txtMessage').val());
                        $('#chatMessages').prepend('-------<br/>');
                        ws.send($('#txtMessage').val());
                        $('#txtMessage').val('');
                    });

                };

                ws.onmessage = function (e) {
                    $('#chatMessages').prepend('ااسيرفر يرد: <br/>');
                    $('#chatMessages').prepend(e.data + '<br/>');
                    $('#chatMessages').prepend('-------<br/>');
                };

                ws.onclose = function () {
                    $('#chatMessages').prepend('سكرنا <br/>');
                };

                ws.onerror = function (e) {
                    $('#chatMessages').prepend('اييي كما يبدو في مشكلة .. قول باي <br/>');
                };
            });           
        });
    </script>
</head>
<center>
<body>
    <h1>هلا والله بشباب السهلة .. حيوووو</h1>
    <h4>بالله عليك تجرب تشغل الاشي .. تنساش تعمل لايك شير وسبسكرايب</h4>
    <input id="cmdConnect" type="button" value="عص علي عشان تعمل كونيكت" />
    <br>
    <br>
    <h4>تحلمش يصير اشي تحتيي قبل ما تعمل كوننيكت فوق يا وردة</h4>
    <input id="txtMessage" />
    <input id="cmdSend" type="button" value="أرسل يا حبيبي يا بلال" />
    <br />
    <div id="chatMessages" />
</body>
</center>
</html>